<template>
<div class="d-a-c lh30 ww100 pt16">
    <div class="pt30 tc" style="width: 80px;">
      <p class="gray9">{{$t('cash.today')}}</p>
      <p class="gray9">{{$t('cash.yesterday')}}</p>
    </div>
    <div class="flex-1 tc">
      <p>{{$t('cash.merchant_actual_settlement_note')}} 
<el-popover placement="right"  :width="220" trigger="hover" :content="$t('cash.merchant_actual_settlement_tip')">
          <template #reference>
            <el-icon :size="16" color="gray">
              <QuestionFilled />
            </el-icon>
          </template>
        </el-popover>
      </p>
      <p class="f20 fb gray3">{{dataModel.realSupplierMoneyT}}</p>
      <p class="gray">{{dataModel.realSupplierMoneyY}}</p>
    </div>
    <div class="flex-1 tc">
      <p>{{$t('cash.platform_actual_cut')}}</p>
      <p class="f20 fb gray3">{{dataModel.realSysMoneyT}}</p>
      <p class="gray">{{dataModel.realSysMoneyY}}</p>
    </div>
    <div class="flex-1 tc">
      <p>{{$t('cash.distribution_commission_label')}}</p>
      <p class="f20 fb gray3">{{dataModel.agentMoneyT}}</p>
      <p class="gray">{{dataModel.agentMoneyY}}</p>
    </div>
    <div class="flex-1 tc">
      <p>{{$t('cash.refund_label')}}</p>
      <p class="f20 fb gray3">{{dataModel.refundMoneyT}}</p>
      <p class="gray">{{dataModel.refundMoneyY}}</p>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      /*是否正在加载*/
      loading: true
    };
  },
  inject: ['dataModel'],
  created() {},
  methods: {}
};
</script>

